<template>
<el-container>
  <el-header>
    <Header></Header>
  </el-header>
  <el-container>
    <el-aside>
      <Menu></Menu>
    </el-aside>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
 </el-container>
</template>

<script setup>
import Menu from "./components/Menu.vue"
import Header from './components/Header.vue'
</script>

<style scoped lang="scss">
.el-container{
  height: 100%;
  .el-aside{
    height: 100%;
    width: 200px;
    background:#606266;
  }
  .el-header{
    background:#454545;
    //background: #606266;
  }
  //.el-aside{
  //    background:#606266;
  //}
}
</style>